<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<script>
    /*
      详情请看P526
      4.readystatechange事件
          里面的readyState属性
           uninitialized:对象存在并尚未初始化。
           loading:对象正在加载数据。
           loaded:对象已经加载完数据。
           interactive:对象可以交互，但尚未加载完成。  complete:对象加载完成。
   */
    document.addEventListener("readystatechange", (event) => {
        if (document.readyState == "interactive" ||
            document.readyState == "complete") {
            document.removeEventListener("readystatechange", arguments.callee);
            console.log("Content loaded");
        }
    });

</script>
</body>
</html>